@charset "utf-8";
@import 'reset';
@import 'common';
.register{
    width: 1000px;
    height: 720px;
    margin: 0 auto;
    .give{
        width: 350px;
        height: 50px;
        margin: 30px auto;
        position: relative;
        .soild-one{
                position: absolute;
                left: 0;
                top: 25px;
                width: 105px;
                height: 1px;
                border: solid 1px #9ac1c0;
        }
        .soild-two{
            right: 0;
            top: 25px;
            position: absolute;
            width: 105px;
            height: 1px;
            border: solid 1px #9ac1c0;
      }
      .give-font{
        width: 100%;
        text-align: center;
        position: relative;
            p{
                position: absolute;
                margin-left: 12px;
                width: 100%;
                height: 14px;
                font-family: MicrosoftYaHei-Bold;
                font-size: 14px;
                font-weight: bold;
                line-height: 25px;
                letter-spacing: 18px;
                color: #000000; 
        }
        span{
                position: absolute;
                margin-left: -56px;
                width: 120px;
                height: 8px;
                font-family: Arial-BoldMT;
                font-size: 9px;
                line-height: 25px;
                letter-spacing: -1px;
                color: #3d3d3d;
        }
      }
    }
    .remind{
        width: 480px;
        height: 16px;
        margin: 20px auto;
        font-size: 14px;
    }
    table{
        position: relative;
        overflow: hidden;
        width: 700px;
        height: 400px;
        margin: 0px auto;
        td{
            span{
                color: red;
            }
        }
        input{
            margin-left: 10px;
            width: 222px;
	        height: 18px;
	        border: solid 1px #9ac1c0;
            position: relative;
        }
        select{
            width: 167px;
	        height: 18px;
            color: #9ac1c0;
            position: absolute;
            margin-left: 10px;
        }
        #resetting{
            position: absolute;
            margin-left: -46px;
        }
        #sex{
            input{
                position: relative;
                width: 20px;
                margin-right: 20px;
            }
            span{
                color: #000000;
                position: absolute;
                margin-left: -18px;
            }
            
        }
        .code{
            position: relative;
            input{
                width: 64px;
            }
            img{
                position: absolute;
                width: 72px;
                height: 24px;
                margin-left: 2px;
                margin-top: -2px;
            }
            span{
                position: absolute;
                margin-left: 76px;
                margin-top: 6px;
                font-family: MicrosoftYaHei;
                font-weight: bold;
                font-size: 12px;
                color: #000000;
            }
            #renewal{
                position: absolute;
                margin-left: 122px;
                margin-top: 6px;
                font-size: 12px;
                color: #c10000 ;
                cursor: pointer;
            }
        }
    }
    .field{
        width: 700px;
        height: 120px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        span{
            width: 120px;
            height: 14px;
        }
        form{
                font-family: MicrosoftYaHei;
                font-size: 12px;
                color: #000000;
            
        }
    }
    .agree{
        overflow: hidden;
        width: 250px;
        height: 20px;
        position: absolute;
        margin-left: 282px;
        input{
            margin-right: 10px;
        }
    }
    .bottom{
        width: 122px;
        height: 34px;
        margin: 42px auto 0px;
        background-color: #6db6ff;
	    border-radius: 5px;
        text-align: center;
        line-height: 34px;
        color: white;
        cursor: pointer;
    }
}